[好站介紹] CodeRibbit:教學影片界的 YouTube
咳咳...好吧~我承認那個稱號是我封的...不過這個站真的有不少與程式設計相關的教學影片。在頂端選單的「All Tutorials」拉下來,可以看到分類得不錯:
* Ruby
- Ruby Basics
- Ruby on Rails
- Starting Rails
- Advanced Ruby
- Ruby Testing
* JavaScript
- jQuery
- Backbone.js
- Node.js
- Ember.js
- CoffeeScript
- Angular.js
* HTML/CSS
- CSS Fundamentals
- HTML5
- CSS3
- SASS
- Responsive Design
- Compass
- Design
* iOS
- iOS Fundamentals
- Objective-C
- XCode
* Electives
- R Basic
- Git Basic
- Advanced Git
幫大家小小介紹一下上面一些選項,好讓不熟悉的朋友能瞭解自己該從哪裡開始學起。畢竟看到上述那些名詞,還能發出「會心一笑」、羽扇綸巾地說著「略懂~略懂~」的人,也不需要看這個網站了吧?(哈哈哈)
Ruby 是一種常見於網頁程式設計的語言。能在兩三天內,就從零建造出略具規模的網站。以「網頁設計界的急行軍」著稱(好吧~這個也是我封的 XD)。Rails 是 Ruby 的一種「框架(Frameworks)」。比較不準確、但容易懂的講法,可以把 Rails 視為 Ruby 的一個函式庫,或是外掛工具,提供 Ruby 這個語言額外的方便功能。打個比方大家就容易懂:Ruby 是索爾,Rails 是雷神之鎚。Ruby on Rails 就是手握雷神之鎚的索爾。太陽花學運期間,有些一夜之間架起來的募資網站,都是神人們用 Ruby on Rails 做的。如果你對「快速網站塑型」(Rapid Web Prototyping)有興趣,建議可以看看 Ruby 與它的鎚子 Rails。一起服用效果更佳...
HTML, CSS, JavaScript 應該知道的人就多了。這三個有網站前台「三本柱」之稱所負責的範圍如下:
* HTML 負責標示文章結構(到哪裡是主標、哪裡是一個段落...)
* CSS 負責排版(主標對中+24點字+粗體...之類的)
* JavaScript 負責與使用者互動(動畫效果、檢查輸入資料是否符合格式...)
由於 JavaScript 用得廣,它不像 Ruby 只有 Rails 這把鎚子。它有 jQuery, Backbone.js, Node.js...等大劍、神盾、披風與紅內褲... =皿=。適度搭配的確可以收神兵利器之效,但把所有框架全都加在一起,你得有很高超的平衡技巧,才會讓這鍋大雜燴變成撒尿牛丸。如果你真的沒有時間,你的工作著重在網站前台的,學 jQuery 或 Angular.js。你的工作著重在網站後台的,學 Node.js,應該就不錯了。
iOS 學的是如何撰寫執行於 iPhone / iPad 等設備上的 App。至於下方的「R」,是大數據領域常常使用的一套統計分析用軟體(也有自己的 R 語言)。Git 是版本控制軟體。它可以記錄你每次存入程式碼的差異,以便將來後悔,想倒退回某一天的版本時,它就能幫你辦到。
啊!說了這麼多,差點忘了把 CodeRibbit 的網址給大家。請服用:
CodeRibbit: http://coderibbit.com/index.html
希望今天的分享大家會喜歡!別忘了按個讚鼓勵一下喔!
同時也有1部Youtube影片,追蹤數超過2萬的網紅hktuto 設計教學,也在其Youtube影片中提到,hktuto 史上第一個5集超長教學, 由網頁設計,到加入動畫,互動元素,流動版,電腦版一網打盡!第一集就先同大家講解下 Responsive 網頁的基礎知識,由淺入深一步步學會網頁設計! 第一集素材 : 註意需要會只登入才可下載。素材會在2個星期後刪除!! http://goo.gl/fSvZK...
「responsive web design教學」的推薦目錄:
- 關於responsive web design教學 在 紀老師程式教學網 Facebook 的最佳解答
- 關於responsive web design教學 在 MUKI SPACE INC. Facebook 的最佳貼文
- 關於responsive web design教學 在 hktuto 設計教學 Youtube 的精選貼文
- 關於responsive web design教學 在 快速教學響應式網頁設計- YouTube 的評價
- 關於responsive web design教學 在 響應式網頁設計教學 - YouTube 的評價
- 關於responsive web design教學 在 響應式網站設計-RWD入門教學 - 1010Code 的評價
- 關於responsive web design教學 在 Web Design Tutorial - Pinterest 的評價
responsive web design教學 在 MUKI SPACE INC. Facebook 的最佳貼文
前端開發課程 - Sass實戰教學,是朋友開的課,他對 SASS 非常有研究,之前聽過一場分享講得超好!
下半年有規劃在臺北開課,非常期待,到時候一定要報名聽課 XDD
目前有在高雄開課,有興趣的朋友可以先參考課程內容:http://myerstone.kktix.cc/events/6d0c37e2
另外,我自己開的 Responsive 這週末也要上課了,還有一些名額,想要報名的朋友可以參考看看喲:http://blog.mukispace.com/responsive-web-design-course-muki-2/
responsive web design教學 在 hktuto 設計教學 Youtube 的精選貼文
hktuto 史上第一個5集超長教學, 由網頁設計,到加入動畫,互動元素,流動版,電腦版一網打盡!第一集就先同大家講解下 Responsive 網頁的基礎知識,由淺入深一步步學會網頁設計!
第一集素材 : 註意需要會只登入才可下載。素材會在2個星期後刪除!!
http://goo.gl/fSvZKY
responsive web design教學 在 響應式網頁設計教學 - YouTube 的推薦與評價
Figma Tutorial: Setup a Responsive Grid Layout for UI & Web Design (IN 11 MINUTES). Mizko. Mizko. •. •. 354K views 2 years ago ... ... <看更多>
responsive web design教學 在 響應式網站設計-RWD入門教學 - 1010Code 的推薦與評價
前言現今網頁設計開發,最基本地要求就是符合響應式網頁設計(RWD, Responsive Web Design)。如果你聽到這個名詞,就表示你的網頁必須要支援跨 ... ... <看更多>
responsive web design教學 在 快速教學響應式網頁設計- YouTube 的推薦與評價
教學 目的: 快速建構響應式網頁設計 教學 。一步一步操作,讓你學會響應式網頁設計( Responsive Web Design )的方法。 ... <看更多>